<!DOCTYPE html>
<html>
<head>
    <title>Contact Us</title>
    <meta charset="UTF-8" />
    <link href="themes/2/js-image-slider.css" rel="stylesheet" type="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css"/>
    <link href="menustyle.css" rel="stylesheet" type="text/css"/>
    <script src="themes/2/js-image-slider.js" type="text/javascript"></script>
    <script>
	    function showAlert() 
	    {
		alert('Form Has Been Submitted Successfully');
		}
	</script>
</head>
<body>
	<div id="Website_Container">
				<div id="top_container">
		</div>
		<div id="menu_container">
			<ul class="menuTemplate2 decor2_1"> 
				<li><a href="index.htm">Home</a></li> 
				<li class="separator"></li> 
				<li><a href="History.htm" class="arrow">History</a> 
					<div class="drop decor2_2" style="width: 640px;"> 
						<div class='left'> <b>CSS Menu</b> 
														<b>Towns</b> 
							<div> 
								<a href="History.htm#Armley">Armley</a><br /> 
								<a href="History.htm#Headingley">Headingley</a><br /> 
								<a href="History.htm#Horsforth">Horsforth</a><br />
								<a href="History.htm#Kirkstall">Kirkstall</a><br />
								<a href="History.htm#Roundhay">Roundhay</a><br />
							</div> 
						</div>  
					</div> 
				</li> <li class="separator"></li> 
				<li>
					<a href="Attractions.htm">Attractions</a></li> 
				<li class="separator">
				</li> 
				<li>
					<a href="Events.htm">Events</a>
				</li>
				 <li class="separator">
				 </li> 
				 <li>
				 	<a href="Facilities.htm" class="arrow">Facilities</a>  
				 	</li> 
				 	<li class="separator">
				 	</li> 
				 	<li>
				 		<a href="Contact_us.htm" class="arrow">Contact Us</a> 
				 	</li>
				 	<li id="lastItem">
				 		<a href="Meet_up.htm" class"arrow">Meet Up</a>
				 	</li> 
				</ul>
		</div>
		
		
		<br />
		<br />
		    <br />
        <div class="content_item">
         <h1> Contact Us </h1>
<p> Have a query or problem? Fill out the form and we will contact you as soon as possible.<br /> We look forward to hearing from you.</p>
	<form name="myForm" action="MAILTO:bruce.watson@qa.com" method="post" enctype="text/plain" onSubmit="showAlert()"  align="cemter" >
		First name: <input type="text" name="first name">
		<label for="last name">Last name :</label>
		<input type="text" id="last name"><br />
		<label for="email">Email&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
		<input type="text" name="email">
		<label for="email">@ </label>
		<select name="Email">
			<option value="live.co.uk">live.co.uk</option>
			<option value="hotmail.co.uk">hotmail.com</option>
			<option value="hotmail.co.uk">hotmail.co.uk</option>
			<option value="gmail.co.uk">gmail.com</option>
			<option value="yahoo.co.uk">yahoo.co.uk</option>
		</select>
		<br />
		<label for="how_you_found_us">How Did You Find This Website?</label>
		<br />
		<label for="through">Through :</label>
		<select name="Found Through">
			<option value="friends">Friends</option>
			<option value="google">Google</option>
			<option value="other">Other</option>
		</select>
		<label for="other"> Other(Please Specify)</label>
		<input type="text" id="other">
		<br />
		
		<input type="radio" name="sex" value="Male"> Male<br />
		<input type="radio" name="sex" value="Female"> Female<br />
		<label for="textarea">Reason For Contacting :</label><br />
		<textarea rows="5" cols="90"></textarea><br />
		<input type="submit" value="Send">
		<input type="reset">
	</form>

        </div><!--close content_item-->
		    	<div id="footer">
		  			<p> Copyright&copy; VisitLeeds&trade;&reg; | <a href="Contact_us.htm">Contact Us</a> | <a href="#top">Go To Top</a></p>
		  		</div>
		  </div>

</body>
</html>
